<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <title><!--{$lang.page.index.title}--></title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="/static/lay/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="/static/lay/layui/index.css" media="all">
</head>
<body>

<div class="layui-fluid">
    <div class="layui-card">
      <div class="layui-card-body" style="padding: 15px;">
        <form name="addItem" method="post" lay-filter="component-form-group" class="layui-form">
          <input type="hidden" value="<!--{$datainfo.id}-->" name="id">
            <div class="layui-form-item">
            <div class="layui-inline">
              <label class="layui-form-label"><!--{$lang.page.public.title}--></label>
              <div class="layui-input-inline">
               <input type="text" name="title" value="<!--{$datainfo.title}-->" lay-verify="title" placeholder="<!--{$lang.page.public.pinput}-->" autocomplete="off" class="layui-input" />
              </div>
            </div>

            <div class="layui-inline">
              <label class="layui-form-label"><!--{$lang.page.table.toclass}--></label>
              <div class="layui-input-inline" >
                 <select name="cid"  lay-filter="brickType">
                   <option value="0"><!--{$lang.page.public.select}--></option>
                   <!--{foreach item=item from=$class}-->
                   <option value="<!--{$item.id}-->" <!--{if $item.id eq $datainfo.cid}-->selected<!--{/if}-->><!--{$item.strsign}--><!--{$item.title}--></option>
                   <!--{/foreach}-->
                 </select>
              </div>
              </div>
          </div>
            
            <div class="layui-form-item">
              <label class="layui-form-label"><!--{$lang.page.table.keyword}--></label>
              <div class="layui-input-block" style="width:40%;">
                <input type="text" name="keywords" class="layui-input" value="<!--{$datainfo.keywords}-->" >
              </div>
            </div>

            <div class="layui-form-item">
              <label class="layui-form-label"><!--{$lang.page.public.description}--></label>
              <div class="layui-input-block" style="width:60%;">
                <input type="text" name="description" class="layui-input" value="<!--{$datainfo.description}-->" >
              </div>
            </div>

            <div class="layui-form-item">
              <label class="layui-form-label"><!--{$lang.page.table.time}--></label>
              <div class="layui-input-inline">
                <input type="text" name="createtime" class="layui-input" id="test12" value="<!--{if $datainfo.createtime}--><!--{$datainfo.createtime|date_format:'%Y-%m-%d %H:%m'}--><!--{else}--><!--{date('Y-m-d')}--><!--{/if}-->" placeholder="yyyy-MM-dd h:m">
              </div>
            </div>

            <div class="layui-form-item">
              <label class="layui-form-label"><!--{$lang.page.public.upimg}--></label>
              <div class="layui-inline">
               <div class="layui-upload">
                  <blockquote class="viewpicList">
                  <ul><li class="viewpic" id="picdemo" <!--{if empty($datainfo.imgurl)}-->style="display:none;"<!--{/if}-->>
                      <img id="imgcover" src="<!--{$datainfo.imgurl}-->" style="cursor: pointer;" onClick="xadmin.showimg({url:'<!--{$datainfo.imgurl}-->',title:'<!--{$datainfo.title}-->'});"/></li>
                      <button type="button" class="picup" id="test1">+</button>
                  </ul>
                  </blockquote>
                </div>
                 <span>（建议2:1尺寸）</span>
                 <input id="imgOne" name="imgOne" type="hidden"/>
              </div>


            </div>
            
            <div class="layui-form-item">
            <label class="layui-form-label"><!--{$lang.page.table.outlink}--></label>
            <div class="layui-input-block">
              <input type="radio" name="is_open" value="0" title="<!--{$lang.page.table.no}-->" lay-filter="brickType" <!--{if $datainfo.is_open eq 0}--> checked<!--{/if}-->  >&nbsp;&nbsp;<input type="radio" name="is_open" value="1" title="<!--{$lang.page.table.yes}-->" lay-filter="brickType" <!--{if $datainfo.is_open eq 1}--> checked<!--{/if}-->>
            </div>
            </div>

            <div class="layui-form-item showfk" <!--{if $datainfo.is_open eq 1}-->style='display:none;'<!--{/if}-->>
              <label class="layui-form-label"><!--{$lang.page.public.langinfo}--></label>
              <div class="layui-inline" id="submue"  style="width:80%;">
                <table class="layui-table" id="sharetable" lay-filter="table">
                <thead>
                   <tr>
                        <td width='15%'><!--{$lang.page.public.lang}--></td>
                        <td width='20%'><!--{$lang.page.public.title}--></td>
                        <td width='45%'><!--{$lang.page.public.blurb}--></td>
                        <td width='15%'><!--{$lang.page.public.details}--></td>
                        <td width='10%'><a class="layui-btn layui-btn-xs addshare"><!--{$lang.page.public.add}--></a></td>
                    </tr>
                </thead>
                <tbody>
                    <!--{if empty($datainfo.langinfo)}-->
                    <tr>
                      <td>
                        <select name="langs[]">
                          <option value=""><!--{$lang.page.public.select}--></option>
                          <!--{foreach from=$langs.list item=item}-->
                          <option value="<!--{$item.value}-->"><!--{$item.name}--></option>
                          <!--{/foreach}-->
                        </select>
                      </td>
                      <td><input type="text" name="titles[]" value="" class="layui-input" lay-verify="title"></td>
                      <td><textarea  name="introduction[]" placeholder="<!--{$lang.page.public.pinput}-->" class="layui-input" lay-verify="introduction"></textarea></td>
                      <td>
                        <input type="hidden" name="content[0]" value="" class="layui-input" >
                        <button class="layui-btn layui-btn-xs checkdetail" type="button" data-set='0'><!--{$lang.page.public.add}--> <!--{$lang.page.public.details}--></button>
                      </td>
                      <td><a class="layui-btn layui-btn-danger layui-btn-xs delshare"><!--{$lang.page.public.del}--></a></td>
                    </tr>
                     <!--{else}-->
                     <!--{foreach from=$datainfo.langinfo item=item key=key}-->
                    <tr>
                      <td>
                        <select name="langs[]">
                          <option value=""><!--{$lang.page.public.select}--></option>
                          <!--{foreach from=$langs.list item=items}-->
                          <option value="<!--{$items.value}-->" <!--{if $key eq $items.value}-->selected<!--{/if}-->><!--{$items.name}--></option>
                          <!--{/foreach}-->
                        </select>
                      </td>
                      <td><input type="text" name="titles[]" value="<!--{$item.titles}-->" class="layui-input" lay-verify="title"></td>
                      <td><textarea name="introduction[]" placeholder="<!--{$lang.page.public.pinput}-->" class="layui-input" lay-verify="introduction"><!--{$item.introduction}--></textarea></td>
                      <td>
                        <input type="hidden" name="content[<!--{$item.id}-->]" value="<!--{$item.content}-->" class="layui-input" >
                        <button class="layui-btn layui-btn-xs checkdetail" type="button" data-set='<!--{$item.id}-->'><!--{$lang.page.public.edit}--> <!--{$lang.page.public.details}--></button>
                      </td>
                      <td><a class="layui-btn layui-btn-danger layui-btn-xs delshare"><!--{$lang.page.public.del}--></a></td>
                    </tr>
                     <!--{/foreach}-->
                     <!--{/if}-->
                  </tbody>
                </table>
              </div>
            </div>

            <div class="layui-form-item" id="open_url" <!--{if $datainfo.is_open eq 0}-->style='display:none;'<!--{/if}-->>
              <label class="layui-form-label"><!--{$lang.page.public.outlink}--> <!--{$lang.page.public.addr}--></label>
              <div class="layui-input-block" style="width:60%;">
                <input type="text" name="open_url" class="layui-input" value="<!--{$datainfo.open_url}-->" >
              </div>
            </div>
            
            <div class="layui-form-item">
              <label class="layui-form-label"><!--{$lang.page.table.author}--></label>
              <div class="layui-input-inline">
                <input id="author" type="text" name="author" class="layui-input" value="<!--{if $datainfo.id}--><!--{$datainfo.author}--><!--{else}--><!--{$lang.page.public.siteself}--><!--{/if}-->" >
              </div>
            </div>
            

            <div class="layui-form-item">
            <label class="layui-form-label"><!--{$lang.page.table.inshow}--></label>
            <div class="layui-input-block">
              <input type="radio" name="is_index" value="1" title="<!--{$lang.page.table.no}-->" <!--{if $datainfo.is_index eq 0 || $datainfo.is_index eq 1}--> checked<!--{/if}-->  >&nbsp;&nbsp;<input type="radio" name="is_index" value="2" title="<!--{$lang.page.table.yes}-->" <!--{if $datainfo.is_index eq 2}--> checked<!--{/if}-->>
            </div>
            </div>

            <div class="layui-form-item">
            <label class="layui-form-label"><!--{$lang.page.table.status}--></label>
            <div class="layui-input-block">
              <input type="radio" name="status" value="0" title="<!--{$lang.page.table.unpublish}-->" <!--{if $datainfo.status eq 0}--> checked<!--{/if}-->  >&nbsp;&nbsp;<input type="radio" name="status" value="1" title="<!--{$lang.page.table.publish}-->" <!--{if $datainfo.status eq 1}--> checked<!--{/if}-->>
            </div>
            </div>
                  
          <div class="layui-form-item layui-layout-admin">
            <div>
              <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" type="button" id="submit" lay-submit lay-filter="submit"><!--{$lang.page.public.submit}--></button>
                <button type="reset" class="layui-btn layui-btn-primary"><!--{$lang.page.public.reset}--></button>
                <button type="button" class="layui-btn layui-btn-primary" onClick="xadmin.close();" ><!--{$lang.page.table.back}--></button>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
<script src="/static/lay/layui/layui.js"></script>
  <script type="text/javascript">
    layui.config({
     base: '/static/lay/' //静态资源所在路径
   }).extend({
     xadmin: 'lib/xadmin' //弹窗
   }).use(['jquery', 'layer','xadmin', 'form', 'element','laydate','upload'], function(){
    var $ = layui.$ //引用jq
    var layer = layui.layer; //独立版的layer无需执行这一句
    var form = layui.form;
    var $ = layui.jquery
        ,upload = layui.upload;
    form.render(null, 'component-form-group');
    layui.laydate.render({
            elem: '#test12',
            type: 'datetime',
            format:'yyyy-MM-dd HH:mm'
    });
     /* 自定义验证规则 */
    form.verify({

      title: function(value){
        if(value.length < 1){
          return '<!--{$lang.page.public.title}--> <!--{$lang.page.public.nocontent}-->';
        }
      }

    });

    //动态添加表单
    //因为动态添加的元素class属性是无效的，所以不能用
    $('body').on('click', '.addshare', function() {
      if ($('#sharetable tbody tr').length > <!--{$langs.total-1}-->) {
        layer.msg('<!--{$lang.page.public.moreset}--> <!--{$langs.total}--> <!--{$lang.page.public.strip}-->', {
            offset: '20px', 
            time : 2000
        });
      }else{
      //添加html
        var i=$('#sharetable tbody tr').length
        var html = '<tr>'+
          '<td><select name="langs[]"><option value=""><!--{$lang.page.public.select}--></option>'+
          <!--{foreach from=$langs.list item=item}-->
          '<option value="<!--{$item.value}-->"><!--{$item.name}--></option>'+
          <!--{/foreach}-->
          '</select></td>'+
          '<td><input type="text" name="titles[]" value="" class="layui-input"></td>'+
          '<td><textarea  name="introduction[]" placeholder="<!--{$lang.page.public.pinput}-->" class="layui-input" ></textarea></td>'+
          '<td><input type="hidden" name="content['+i+']" value="" class="layui-input" ><button class="layui-btn layui-btn-xs checkdetail" type="button" data-set='+i+'><!--{$lang.page.public.add}--> <!--{$lang.page.public.details}--></button></td>'+
          '<td>'+'<a class="layui-btn layui-btn-danger layui-btn-xs delshare"><!--{$lang.page.public.del}--></a>'+
          '</td>'+
          '</tr>';
        //添加到表格最后
        $(html).appendTo($('#sharetable tbody:last'));
        form.render();
      }
    });
    $('body').on('click', '.delshare', function() {
      if ($('#sharetable tbody tr').length === 1) {
        layer.msg('<!--{$lang.page.public.onenodel}-->', {
            time : 2000
        });
      } else {
        //删除当前按钮所在的tr
        $(this).closest('tr').remove();
      }
    });

     /* 是否外链 */
    form.on('radio(brickType)', function(data){
        var p = data.value;
        if(p > 0){
        $('.showfk').hide();
        $('#open_url').show();
        <!--{if $datainfo.id}-->$('#author').val('<!--{$datainfo.author}-->');<!--{else}-->$('#author').val('');<!--{/if}-->
        }else{
        $('.showfk').show();
        $('#open_url').hide();
        <!--{if $datainfo.id}-->$('#author').val('<!--{$datainfo.author}-->');<!--{else}-->$('#author').val('<!--{$lang.page.public.siteself}-->');<!--{/if}-->
        }
        form.render();
      });

    form.on('submit(submit)', function (data) {
          $('#submit').attr("disabled",true);
          $('#submit').addClass('layui-btn-disabled');
              $.post('#',data.field,function(res){
                  if(res.code == 200){
                      layer.msg(res.msg);
                      setTimeout(() => {
                          window.parent.location.reload();
                          xadmin.close();
                      }, 1000);
                  }else{
                      layer.msg(res.msg);
                  }
              })
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });

    //重置按钮，可以提交失败的时候再次提交
    $('#reset').click(function(){
        $('#submit').removeAttr("disabled");
        $('#submit').removeClass('layui-btn-disabled');
    });

    //图片上传
    var uploadInst = upload.render({
        elem: '#test1'
        //,url: '/admin/advert/upload/'
        ,before: function(obj){
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result){
              $('#imgcover').attr('src', result); //图片链接（base64）
              $('#imgOne').attr('value', result); //图片链接（base64)
              $('#picdemo').show();
            });
        }
    });
    $(document).on('click', '.checkdetail', function(e){
        var i=e.target.dataset.set;
        var data = $('input[name="content['+i+']"]').val();
        layer.open({
            type: 2
            ,title: '<!--{$lang.page.public.select}-->'
            ,offset: '20px'
            ,closeBtn: 1 //要显示关闭按钮
            ,anim: 2
            ,shadeClose: true //开启遮罩
            ,area: ['1024px', '500px']
            ,content: 'detail'
            ,resize:false
            ,maxmin: false //开启最大化最小化按钮
            ,success:function (layero, index) {
                // 获取子页面的iframe
                var iframe = window['layui-layer-iframe'+index];
                // 向子页面的全局函数child传参
                iframe.child(data);
            }
        });

        window.ppp = function(value){
            if (value != "") {
                value = value.split("-")
                $('input[name="content['+i+']"]').val(value); //将子页面传来的值赋值到指定输入框
            }
        }
    })

  });

  </script>
</body>
</html>

